<template>
	<view>
		<view class="title">{{data.title}}</view>
		<view class="avatar">
			<image :src="data.thumb" />
			<view>
				<view>{{data.description}}</view>
				<view>{{data.createtime}}</view>
			</view>
		</view>
		<view v-html="data.content" class="content"></view>
		<image :src="data.thumb" class="thumb" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: '',
			}
		},
		onLoad() {
			this.callback();
		},
		methods: {
			callback() {
				console.log(uni.getStorageSync('informationDetails'));
				this.data = uni.getStorageSync('informationDetails');
			}
		},
		onPullDownRefresh() {
			setTimeout(() => {
				setTimeout(() => {
					uni.stopPullDownRefresh();
				}, 400)
				this.callback();
			}, 300)
		}
	}
</script>

<style lang="scss">
	page {
		padding: 1vh 3.5%;
		box-sizing: border-box;
	}

	.title {
		font-size: 24px;
		text-align: center;
	}

	.thumb {
		width: 100%;
		display: block;
		height: 35vh;
	}

	.content {
		margin: 1.5vh 0;
		overflow: hidden;
	}

	.avatar {
		display: flex;
		align-items: center;

		>image {
			border-radius: 50%;
			width: 12vw;
			height: 12vw;
			margin-right: 2vw;
		}

		>view {

			>view {
				&:last-child {
					font-size: 13px;
					color: #c9c9c9;
				}
			}
		}

	}
</style>
